<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="./css/index4.css" />
    <title>会员权益-粉丝卡</title>
  </head>
  <body>
    <div class="main">
      <div class="box"><img src="./images/状态栏.png" alt="" /></div>
      <div class="box1">
        <div class="le">
          <a href=""><img src="./images/左箭头.png" alt="" /></a>
        </div>
        <div class="left">会员权益</div>
        <div class="right"><img src="./images/关闭.png" alt="" /></div>
      </div>
    </div>
    <div class="denglu">
      <div class="chu1">
        <div class="left">
          <a
            >Pro会员
            <span><img src="./images/编组 7.svg" alt="" /> 粉丝卡</span></a
          >
          <p>等级说明 ></p>
        </div>
        <div class="right">
          <img src="./uploads/位图备份.png" alt="" />
        </div>
      </div>
      <div class="chu2">
        <div class="bottom1">粉丝卡</div>
        <div class="bottom2">金卡</div>
        <div class="bottom3">白金卡</div>
      </div>
    </div>
    <div class="footer1">
      <div>
        <img src="./images/编组 4.svg" alt="" />
        <p>10元代金券</p>
      </div>
      <div>
        <img src="./images/编组 7.svg" alt="" />
        <p>节假日优惠券</p>
      </div>
      <div>
        <img src="./images/编组 8.svg" alt="" />
        <p>会员日双倍积分</p>
      </div>
    </div>
    <div class="footer2">
      <div>
        <img src="./images/编组 8.svg" alt="" />
        <p>消费积分累加</p>
      </div>
      <div>
        <img src="./images/编组 6备份 3.svg" alt="" />
        <p>积分抵现金</p>
      </div>
      <div></div>
    </div>
    <div class="footer3">
      <img src="./images/编组备份.svg" alt="" />
    </div>
    <script src="./js/flexible.js"></script>
  </body>
</html>
